<script setup> 
// 顶层组件通过provide函数提供数据
// 底层组件通过inject函数获取数据
import son01 from './components/son01.vue';

import { ref, provide } from 'vue';
let message = ref('message001')

let change = () => {
  message.value = 'message002'
}

// 调用provide函数，向下层发送数据。不受层级影响。可跨组件通讯
// 顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件中的数据
provide('message', message)
provide('changeProvide', change)



</script>

<template>
  <button @click='change'>改变最上层数据</button>
  <son01></son01>
</template>

<style>
</style>